.flex{
  display: flex;
}
.is-justify-end{
  justify-content: flex-end;
}
.is-align-baseline{
  align-items: baseline;
}
.warp{
  flex-wrap: wrap;
}
.direction{
  flex-direction: column;
}

.w100{
  width: 100% !important;
}
.w100px{
   width: 80px;
 }

.ml5{
  margin-left: 5px !important;
}
.ml10{
  margin-left: 10px !important;
}
.mr5{
  margin-right: 5px !important;
}
.mr10{
  margin-right: 10px !important;
}
.mr20{
  margin-right: 20px !important;
}
.mt20{
  margin-top: 20px !important;
}.mt10{
  margin-top: 10px !important;
}.mt5{
  margin-top: 5px !important;
}
 .mb20{
   margin-bottom: 20px !important;
 }


.text-center{
  text-align: center;
}
.font-bold{
  font-weight: bold;
}
.f12{
  font-size: 12px;
}
.f14{
  font-size: 14px;
}
 .f20{
   font-size: 20px;
 }



.pl5{
  padding-left: 5px;
}
.pl10{
  padding-left: 10px;
}
.pl30{
  padding-left: 30px;
}
.pr5{
  padding-right: 5px;
}

.pr10{
  padding-right: 10px;
}

.p10{
  padding: 10px;
}
.p20{
  padding: 20px;
}
.p30{
  padding: 30px;
}


.border-color{
  border-color: #eeeeee !important;
}
.border-bottom{
  border-bottom: solid 1px;
}
.border-left{
  border-left: solid 1px;
}
.border-right{
  border-right: solid 1px;
}
.border-top{
  border-top: solid 1px;
}
.absolute{
  position: absolute;
}

.absolute-bespread{
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9;
}




.formpad{
  padding: 18px;
  padding-bottom: 0;
  width: calc(100% - 38px) !important;
}

.full-tips{
  font-size: 12px;
  color: $--color-info;
}




.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
not supported by any browser */
}
.nowrap{
   white-space: nowrap
 }
.hand{
  cursor: pointer;
}



.info-color{
  color: $--color-info;
}
.primary-color{
  color: $--color-primary !important;
}

.danger-color{
  color: $--color-danger;
}

.black-color{
  color: $--color-black;
}
.success-color{
  color: $--color-success !important;
}


.basic-bg {
  background: $--color-white;
  padding: 10px;
}
